<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="swiper-4.5.0/dist/css/swiper.min.css" class="">
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="app">
    <nav class="navbar navbar-expand-lg navbar-light bg-light">

        <div class="container" id="hh">
            <img src="img/s1_03.png" alt="" class="">
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
                    aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="line">

            <div class="l1">
                <ul>
                    <li><a class="a1" href="index.html">首页</a></li>
                </ul>
            </div>
            <div class="l2" id="dt_nav_btn1">
                <ul id="g">
                    <li><a class="ll" href="">产品介绍</a></li>
                </ul>
                <div class="" id="dt_nav_content1">
                    <ul class="nav_submenu" id="aa">
                        <li><img src="img/sanjiao.png" alt="" class=""></li>
                        <li class="nav_submenu-item"><a href="" class="">万里牛ERP</a></li>
                        <li class="nav_submenu-item"><a href="">万里牛外贸ERP</a></li>
                        <li class="nav_submenu-item"><a href="">万里牛WMS</a></li>
                        <li class="nav_submenu-item"><a href="">万里牛CRM</a></li>
                        <li class="nav_submenu-item"><a href="">万里牛智慧门店</a></li>
                        <li class="nav_submenu-item"><a href="">多牛订货</a></li>
                        <li class="nav_submenu-item"><a href="">万里牛BI</a></li>
                        <li class="nav_submenu-item"><a href="">移动万里牛</a></li>
                    </ul>
                </div>
            </div>
            <div class="l2" id="dt_nav_btn2">
                <ul id="g1">
                    <li><a class="ll" href="">增值服务</a></li>
                </ul>
                <div class="" id="dt_nav_content2">
                    <ul class="nav_submenu">
                        <li><img src="img/sanjiao.png" alt="" class=""></li>
                        <li class="nav_submenu-item"><a href="" class="">电子发票</a></li>
                        <li class="nav_submenu-item"><a href="">分销管理</a></li>
                        <li class="nav_submenu-item"><a href="">Pda仓储助手</a></li>
                    </ul>
                </div>
            </div>
            <div class="l2" id="dt_nav_btn3">
                <ul id="g2">
                    <li><a class="ll" href="">解决方案</a></li>
                </ul>
                <div class="" id="dt_nav_content3">
                    <ul class="nav_submenu">
                        <li><img src="img/sanjiao.png" alt="" class=""></li>
                        <li class="nav_submenu-item"><a href="" class="">新零售</a></li>
                        <li class="nav_submenu-item"><a href="">跨境进口</a></li>
                        <li class="nav_submenu-item"><a href="">内外贸一体化</a></li>
                        <li class="nav_submenu-item"><a href="">供应链</a></li>
                        <li class="nav_submenu-item"><a href="">三方仓储</a></li>
                    </ul>
                </div>
            </div>
            <div class="l2" id="dt_nav_btn4">
                <ul id="g3">
                    <li><a class="ll" href="">在线服务</a></li>
                </ul>
                <div class="" id="dt_nav_content4">
                    <ul class="nav_submenu">
                        <li><img src="img/sanjiao.png" alt="" class=""></li>
                        <li class="nav_submenu-item"><a href="" class="">在线培训</a></li>
                        <li class="nav_submenu-item"><a href="">视频教程</a></li>
                        <li class="nav_submenu-item"><a href="">开放平台</a></li>
                    </ul>
                </div>
            </div>
            <div class="l2" id="dt_nav_btn5">
                <ul id="g4">
                    <li><a class="ll" href="">合作伙伴</a></li>
                </ul>
                <div class="" id="dt_nav_content5">
                    <ul class="nav_submenu">
                        <li><img src="img/sanjiao.png" alt="" class=""></li>
                        <li class="nav_submenu-item"><a href="" class="">仓储联盟</a></li>
                        <li class="nav_submenu-item"><a href="">智能硬件</a></li>
                    </ul>
                </div>
            </div>
            <div class="l2" id="dt_nav_btn6">
                <ul>
                    <li><a class="ll" href="">代理加盟</a></li>
                </ul>
            </div>
            <div class="l2" id="dt_nav_btn7">
                <ul>
                    <li><a class="ll" href="">典型案例</a></li>
                </ul>
            </div>
            <div class="l2" id="dt_nav_btn8">
                <ul id="g5">
                    <li><a class="ll" href="">关于我们</a></li>
                </ul>
                <div class="" id="dt_nav_content8">
                    <ul class="nav_submenu">
                        <li><img src="img/sanjiao.png" alt="" class=""></li>
                        <li class="nav_submenu-item"><a href="hupan.html" class="">湖畔介绍</a></li>
                        <li class="nav_submenu-item"><a href="">公司历程</a></li>
                        <li class="nav_submenu-item"><a href="jiaru.html">加入我们</a></li>
                        <li class="nav_submenu-item"><a href="">联系我们</a></li>
                    </ul>
                </div>
            </div>
            <form class="form-inline">
                <button class="btn btn-outline-success-1 " type="submit">登录</button>
                <button style="margin-left: 10px" class="btn btn-outline-success-2 " type="submit">注册</button>
            </form>
        </div>
        </div>
    </nav>
    <header>
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="img/l1-1.png" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="img/l2-2.png" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="img/l3-3.png" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="img/l4-4.jpg" alt="">
                </div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>

        </div>
    </header>
    <main>
        <div class="self">
            <h3 id="b">核心解决方案</h3>
            <div class="main-1">
                <div class="container">
                    <div class="row">
                <div style="background-color: #fff;" class="col-md-3" id="y1">
                    <img src="img/u1-o3.png" alt="">
                    <h5>新零售解决方案</h5>
                    <p>打通全联络路业务数据，驱动重构“人、货、场”，实现以消费者……</p>
                    <button class="btn btn-outline-success-2 " type="submit">查看详情</button>
                </div>
                <div style="background-color: #fff;" class="col-md-3" id="y2">
                    <img src="img/u3_05.png" alt="">
                    <h5>内外贸解决方案</h5>
                    <p>对接内外贸主流电商平台，实现商品、订单、库存、会员等数据统一……</p>
                    <button class="btn btn-outline-success-2 " type="submit">查看详情</button>
                </div>
                <div  style="background-color: #fff;" class="col-md-3" id="y3">
                    <img src="img/u3-02.png" alt="">
                    <h5>3PL解决方案</h5>
                    <p>支持奇门对接。依托专业的WMS系统满足第三方仓储多货主发货与……</p>
                    <button class="btn btn-outline-success-2 " type="submit">查看详情</button>
                </div>
                <div  style="background-color: #fff;" class="col-md-3" id="y4">
                    <img src="img/u4-01.png" alt="">
                    <h5>新零售解决方案</h5>
                    <p>打通全联络路业务数据，驱动重构“人、货、场”，实现以消费者……</p>
                    <button class="btn btn-outline-success-2 " type="submit">查看详情</button>
                </div>
                </div>
            </div>
            </div>
            <div class="main-2">
                <div class="k">
                    <h3>我们的产品</h3>
                </div>
                <div class="shop">
                    <div class="left">
                        <ul>
                            <li class="active"><span class="active">ERP</span></li>
                            <li><span>WMS</span></li>
                            <li><span>CRM</span></li>
                            <li><span>POS</span></li>
                            <li><span>多牛订货</span></li>
                        </ul>
                    </div>
                    <div class="right">
                        <div class="xuanxiangka clearfix">
                            <h3>万里牛ERP</h3>

                            <p style="float: left">企业全渠道ERP,</p>
                            <ul class="nav11 clearfix">
                                <li>敏捷、</li>
                                <li >移动、</li>
                                <li>安全。</li>
                            </ul>
                            <div class="main11">
                              <div class="active">
                                  <span>SaaS化轻实施轻交付，快速连接线上线下业务</span>
                              </div>
                                <div class="">
                                   <span>开单审单配货掌上操作，随时随地查看经营数据</span>
                                </div>
                                <div class="">
                                   <span>HTTPS数据加密传输存储，官方平台安全认证</span>
                                </div>
                            </div>
                            <div class="r1">
                                <img src="img/1.png" alt="">
                                <p>内贸ERP</p>
                            </div>
                            <div class="r2">
                                <img src="img/2.png" alt="">
                                <p>内贸ERP</p>
                            </div>
                            <div class="r3">
                                <img src="img/4.png" alt="">
                                <p>手机APP</p>
                            </div>
                        </div>
                        <div>
                            <h3>万里牛WMS</h3>
                            <p>轻实施专业级电商WMS，提升仓储发货效率。</p>
                            <div class="r4">
                                <img src="img/5.png" alt="">
                                <p>性能稳定</p>
                            </div>
                            <div class="r5">
                                <img src="img/6.png" alt="">
                                <p>业务多样</p>
                            </div>
                            <div class="r6">
                                <img src="img/7.png" alt="">
                                <p>PDA作业</p>
                                <div class="c1">
                                    <a href="">查看详情</a>
                                </div>
                            </div>
                        </div>
                        <div>
                            <h3>万里牛CRM</h3>
                            <p>全渠道会员营销与管理，深度挖掘会员价值。</p>
                            <div class="r7">
                                <img src="img/8.png" alt="">
                                <p>客户管理</p>
                            </div>
                            <div class="r8">
                                <img src="img/9.png" alt="">
                                <p>客户营销</p>
                            </div>
                            <div class="r9">
                                <img src="img/10.png" alt="">
                                <p>客户分析</p>
                            </div>
                            <div class="c2">
                                <a href="">查看详情</a>
                            </div>
                        </div>
                        <div>
                            <h3>万里牛POS</h3>
                            <p>新零售时代门店管理新体验，数据化门店管理。</p>
                            <div class="r10">
                                <img src="img/11.png" alt="">
                                <p>多场景</p>
                            </div>
                            <div class="r11">
                                <img src="img/12.png" alt="">
                                <p>上手快</p>
                            </div>
                            <div class="r12">
                                <img src="img/13.png" alt="">
                                <p>更省心</p>
                            </div>
                            <div class="c3">
                                <a href="">查看详情</a>
                            </div>
                        </div>
                        <div>
                            <h3>多牛订货</h3>
                            <p>推动企业供应链数据化管理，要多牛有多牛。</p>
                            <div class="r13">
                                <img src="img/14.png" alt="">
                                <p>多平商城</p>
                            </div>
                            <div class="r14">
                                <img src="img/15.png" alt="">
                                <p>精简订货流程</p>
                            </div>
                            <div class="r15">
                                <img src="img/16.png" alt="">
                                <p>精准财务管控</p>
                            </div>
                            <div class="c2">
                                <a href="">查看详情</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container1">
                <h3>我们的优势</h3>
                <div class="row" id="h">
                    <div class="col-md-3" id="o1">
                        <img src="img/m1_03.png" alt="">
                        <p>蝉联金牌淘拍档</p>
                        <h2>7届</h2>
                    </div>
                    <div class="col-md-3" id="o2">
                        <img src="img/m2_03.png" alt="">
                        <p>双十一实战检验</p>
                        <h2>7年</h2>
                    </div>
                    <div class="col-md-3" id="o3">
                        <img src="img/m3_03.png" alt="">
                        <p>品牌用户的共同选择</p>
                        <h2>20000+</h2>
                    </div>
                    <div class="col-md-3" id="o4">
                        <img src="img/m4_03.png" alt="">
                        <p>覆盖全国电商经济发达区域</p>
                        <h2>100+</h2>
                    </div>
                </div>
            </div>
            <div>
                <h3>品牌用户</h3>
            </div>
            <div class="main-4">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="ki">
                                <img src="img/i4.png" alt="">
                            </div>
                            <div class="z1">
                                <h3>布鲁雅尔（BLueair）</h3>
                                <p>全球领先的空气净化器品牌。万里牛ERP通过开放API，
                                    承<br>接品牌方自建商城业务，实现与天猫等其他平台及线下经销
                                    <br>商批发业务的统一管理。同时通过对接菜鸟BNS入仓模式，
                                    <br>全方位管理多仓库存，实现财务数据统一处理。</p>
                                <div class="h1">
                                    <a href="">查看详情</a>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="ki">
                                <img src="img/i2.png" alt="">
                            </div>
                            <div class="z1">
                                <h3>布鲁雅尔（BLueair）</h3>
                                <p>国内知名时尚品牌。旗下拥有500+门店，将门店收银
                                    <br>系统切换成万里牛POS，并通过多牛自建B2Cw微信商城，普
                                    <br>及微信会员卡，在规范业务的同时，实现线上线下商品、顶
                                    <br>单、会员、营销卡劵互通，打造全渠道无差别的消费体验
                                <p>
                                <div class="h1">
                                    <a href="">查看详情</a>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="ki">
                                <img src="img/i3.png" alt="">
                            </div>
                            <div class="z1">
                                <h3>凡尘优品</h3>
                                <p>代理运营飞科、九阳等品牌小家电。通过万里牛自动同步多
                                    <br>平台订单，实现订单自动审核与智能配货，配合丰富的波次
                                    <br>策略和科学仓内作业指导，提升配货效率。在万
                                    <br>里牛的支持下，凡臣已连续两年双十一平稳度过大促挑战。
                                <p>
                                <div class="h1">
                                    <a href="">查看详情</a>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="ki">
                                <img src="img/i1.png" alt="">
                            </div>
                            <div class="z1">
                                <h3>港泽文具</h3>
                                <p>主营文具小百货。通过万里牛WMS实现仓内商品的条码和
                                    <br>装箱管理，从人工分单拣货升级到自动波次配货，配合PDA
                                    <br>边拣边播和“S”型拣货路径，人均拣货效率提升3倍以上，
                                    <br>精简仓内配货员30人左右，仓内人效提升显著。
                                <p>
                                <div class="h1">
                                    <a href="">查看详情</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-button-next" id="ll1"></div>
                    <div class="swiper-button-prev"></div>
                </div>
            </div>
            <div class="main-5">
                <div class="m-left" id="kl">
                    <h4>湖畔动态</h4>
                    <div class="l-1" v-for="on in message">
                        <img :src="on.img" alt="">
                        <div class="zh1" style="width: 80%">
                            <h5>{{ on.ha }}</h5>
                            <p>{{ on.p }}</p>
                        </div>
                    </div>
                </div>
            </div>
       </div>
        <div class="main-6">
            <h4>合作伙伴</h4>
            <img src="img/index_h.jpg" alt="">
        </div>
</main>

<footer>
    <div class="container">
        <div class="col-md-12" style="padding-top: 35px">
            <div class="row" id="bm">
                <div class="col-md-2">
                    <h6 style="padding-left: 12px;">微信服务号</h6>
                    <img src="img/footererweima.jpg" alt="" style="width: 100px;height: 100px">
                    <h6 style="padding-left: 24px;padding-top: 5px">扫一扫</h6>
                </div>
                <div class="col-md-1">
                    <h6>产品</h6>
                    <ul>
                        <li><a href="">万里牛ERP</a></li>
                        <li><a href="">外贸ERP</a></li>
                        <li><a href="">万里牛WMS</a></li>
                        <li><a href="">万里牛CRM</a></li>
                        <li><a href="">万里牛POS</a></li>
                        <li><a href="">多牛订货</a></li>
                    </ul>
                </div>
                <div class="col-md-1">
                    <h6>增值</h6>
                    <ul>
                        <li><a href="">电子发票</a></li>
                        <li><a href="">分销管理</a></li>
                        <li><a href="">pda仓储助手</a></li>
                    </ul>
                </div>
                <div class="col-md-1">
                    <h6>方案</h6>
                    <ul>
                        <li><a href="">新零售</a></li>
                        <li><a href="">内外贸一体化</a></li>
                        <li><a href="">供应链</a></li>
                        <li><a href="">三方仓储</a></li>
                    </ul>
                </div>
                <div class="col-md-1">
                    <h6>服务</h6>
                    <ul>
                        <li><a href="">服务宗旨</a></li>
                        <li><a href="">视频教程</a></li>
                        <li><a href="">开放平台</a></li>
                    </ul>
                </div>
                <div class="col-md-1">
                    <h6>合作</h6>
                    <ul>
                        <li><a href="">代理加盟</a></li>
                        <li><a href="">仓储联盟</a></li>
                        <li><a href="">智能硬件</a></li>
                    </ul>
                </div>
                <div class="col-md-1">
                    <h6>案例</h6>
                    <ul>
                        <li><a href="">品牌客户</a></li>
                        <li><a href="">更多案例</a></li>
                    </ul>
                </div>
                <div class="col-md-4">
                    <h6>联系我们</h6>
                    <ul>
                        <li><a href="">电话：400-168-1506</a></li>
                        <li><a href="">传真：0571-87203835</a></li>
                        <li><a href="">邮箱：service@hupun.com</a></li>
                        <li><a href="">渠道电话：18069414225</a></li>
                        <li><a href="">渠道微信：18069414225</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="col-md-12">
            <div class="zjl">
                <a href="">友情链接：</a>
                <a href="">火奴数据  &nbsp; &nbsp;|</a>
                <a href=""> &nbsp;&nbsp;启博微分销  &nbsp; &nbsp;| </a>
                <a href=""> &nbsp;&nbsp;启博微分销 &nbsp; &nbsp;|</a>
                <a href=""> &nbsp;&nbsp;海拍客 &nbsp; &nbsp;|</a>
                <a href=""> &nbsp;&nbsp;微盟 &nbsp; &nbsp;|</a>
                <a href=""> &nbsp;&nbsp;航信 &nbsp; &nbsp;|</a>
                <a href=""> &nbsp;&nbsp;有赞 &nbsp; &nbsp;|</a>
                <a href=""> &nbsp;&nbsp;思路 &nbsp; &nbsp;|</a>
                <a href=""> &nbsp;&nbsp;Lazada &nbsp; &nbsp;|</a>
                <a href=""> &nbsp;&nbsp;跨境电商收款 &nbsp; &nbsp;|</a>
                <a href=""> &nbsp;&nbsp;东文电商培训 &nbsp; &nbsp;</a>
            </div>
            <div class="zjl1">
                <p>版权所有 © 2019杭州湖畔网络技术有限公司 浙ICP备11057864号 &nbsp; Copyright © 2019 Hangzhou HUPUN Network Technology CO.,LTD. All Rights Reserved</p>
            </div>
        </div>
    </div>
</footer>

</div>

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

<script src="js/vue.js"></script>
<script src="js/vue.min.js"></script>
<script src="js/axios.min.js"></script>
<script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
<script src="js/script.js"></script>
</body>

</html>